﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>协强定制——首页</title>
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet" href="css/iconfont.css" />
    <link rel="stylesheet" href="css/index.css" />
    <script src="js/jquery-2.1.0.js"></script>
    <script src='js/md5.js'></script>
    <script src='js/fastclick.js'></script>
    <script src='js/vue2.0.min.js'></script>

    <!--<script></script>-->


</head>

	<body>
		<div id='app' v-cloak>
			<login :show-login='showLogin' @loginfun='loginBtn' @hidemodal='hideModal'></login>
			<div class='lg'>
				<div class='header'>
					<div class='box'>
						<div class='left lt'>
							<img class='lt' src="img/PCindex/logo.png" />
						</div>
						<ul class='center lt'>
							<li>
								<a class='nav_border_cur' href="index.html">首页</a>
							</li>
							<li>
								<a href="education.html">增值空间</a>
							</li>
							<li>
								<a href="news.html">行业动态</a>
							</li>
							<li>
								<a href="BuildingCards.html">品牌企业</a>
							</li>
							<li>
								<a href="bidsList.html">招标资讯</a>
							</li>

							<li>
								<a href="netWorkerList.html">VIP定制</a>
							</li>
						</ul>
						<div class='right rt'>
							<span class='font_family icon-wode lt'></span>
							<ul class='lt'>
								<li v-if='loginState' @click="toBackground">{{loginInfo.Name?loginInfo.Name:'您好,会员'}}</li>
								<li v-if='!loginState' @click="toBackground">VIP登录</li>
								<!--<li>服务查询</li>
                            <li>中文 <span class='font_family icon-jiantouxia'></span></li>-->
							</ul>
						</div>
					</div>
					<!--banner and search-->
					<div class='banner'>
						<div class='left lt animated zoomInLeft'>
							<h1>一站式服务</h1>
							<h3>协强定制</h3>
							<div class='search'>
								<input type="text" placeholder="协强定制网" v-model="keyWord" />
								<span class='font_family icon-sousuo' @click="searchBtn"></span>
							</div>
							<ul>
								<li v-for='item in hotKeyWord' @click="clickHotKeyWord(item)">{{item}}</li>
							</ul>
						</div>
						<div class='right rt animated zoomInRight'>
							<ul>
								<li>
									<div class='title'>
										<span class='font_family icon-redian'></span>
										<b>热点服务</b>
									</div>
									<ul class='content'>
										<li>
											<a href="http://113.108.219.40/Dop/" target="_blank">数据查询</a>
										</li>
										<!--<li>
                                        <a href="">求职招聘</a>
                                    </li>-->
										<li>
											<a href="bidsList.html">招标资讯</a>
										</li>
									</ul>
								</li>
								<li>
									<div class='title'>
										<span class='font_family icon-peixun'></span>
										<b>增值空间</b>
									</div>
									<ul class='content'>
										<!--<li>
                                        <a href="http://xieqiangjiaoyu.com/Module/ColumnClass.aspx" target="_blank">最新课程</a>
                                    </li>-->
										<li>
											<a @click="showBuildingModal">职称评审</a>
										</li>
										<li>
											<a @click="showBuildingModal">学历晋升</a>
										</li>
										<li>
											<a @click="showBuildingModal">就业推荐</a>
										</li>
									</ul>
								</li>
								<li>
									<div class='title'>
										<span class='font_family icon-lianjie'></span>
										<b>行业链接</b>
									</div>
									<ul class='content'>
										<li>
											<a href="http://www.gdcic.net/KHGL/" target="_blank">安管人员</a>
										</li>
										<li>
											<a href="http://113.108.219.52/Project/" target="_blank">监管平台</a>
										</li>
										<li>
											<a href="http://113.108.219.40/intogd/" target="_blank">诚信平台</a>
										</li>
										<li>
											<a href="http://gdzczx.gdcic.net/gdzczxIms/bsdt/" target="_blank">执业注册</a>
										</li>
										<li>
											<a href="http://jzsc.mohurd.gov.cn/asite/jsbpp/index/" target="_blank">四库一平台</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!--主题内容-->
				<div class='main'>
					<div class='hotClass'>
						<div class='title'>
							最新培训
							<h4><img src="img/PCindex/fenge.png" alt="" /></h4>
							<!--<h4>————————&nbsp;&nbsp;&nbsp;Most popular courses&nbsp;&nbsp;&nbsp;————————</h4>-->
						</div>
						<ul class="title1" id='hotClassTab'>
							<li class='curColor' data-id='1'>考证报班</li>
							<li data-id='2'>继续教育</li>
							<li data-id='3'>学历晋升</li>
						</ul>
						<div class='content'>
							<ul>
								<li v-for='item in hotClass' :class='item.cname'>
									<img :src="item.img" alt="" />
									<div class='top'>
										<img class='left' src="img/PCindex/1.png" alt="" />
										<img class='right' src="img/PCindex/2.png" alt="" />
										<span>{{item.name}}</span>
										<p>{{item.title}}</p>
									</div>
									<div class='bottom'>
										<a :href="i.href" :class='i.cname' v-for='i in item.btn' target="_blank">{{i.title}}</a>
									</div>
								</li>
							</ul>
						</div>
					</div>
					<div class='service'>
						<div class='title'>
							特色服务
							<h4><img src="img/PCindex/fenge.png" alt="" /></h4>
							<!--<h4>————————&nbsp;&nbsp;&nbsp;Custom service&nbsp;&nbsp;&nbsp;————————</h4>-->
						</div>
						<ul id='service'>
							<li>
								<a>
									<img src="img/PCindex/service2.jpg" alt="" />
									<div>
										<h2>专业服务</h2>
										<p style="line-height: 20px;">专业技术团队<br />
											<font style="font-size:26px;">+</font> <br />云端智能平台</p>
										<span class='font_family icon-jiantouyou'></span>
									</div>

								</a>
							</li>
							<li>
								<a>
									<img src="img/PCindex/专业服务.jpg" alt="" />
									<div>
										<h2>贴心服务</h2>
										<p style="line-height: 20px;">专一全程跟踪<br />
											<font style="font-size:26px;">+</font><br />证书时效提醒 </p>
										<span class='font_family icon-jiantouyou'></span>
									</div>
								</a>
							</li>
							<li>
								<a>
									<img src="img/PCindex/service1.jpg" alt="" />
									<div>
										<h2>高效服务</h2>
										<p style="line-height: 20px;">专业精准发力<br />
											<font style="font-size:26px;">+</font><br />私人定制实效方案 </p>
										<span class='font_family icon-jiantouyou'></span>
									</div>
								</a>
							</li>
						</ul>
					</div>
					<!--私人管家-->
					<div class='manager'>
						<div class='title'>
							管家服务
							<h4><img src="img/PCindex/fenge.png" alt="" /></h4>
							<!--<h4>————————&nbsp;&nbsp;&nbsp;Custom service&nbsp;&nbsp;&nbsp;————————</h4>-->
						</div>
						<div class='content'>
							<div class='left'>
								<h2>管家服务,专业贴心</h2>
								<p>管家服务</p>
							</div>
							<div class='right' id='circleAnimate'>
								<img class='managerline' src="img/PCindex/managerline.png" alt="" />
								<div class='one tooltip'>
									<a>
										<div class='circle lt animated zoomIn'>
											<div class='inner_circle'>
												实时资讯
											</div>
										</div>
									</a>
									<div class='tooltipbox'>
										<b></b>
										<span class="tooltiptext">提供行业最新资讯 , 让您随时掌握行业市场动态</span>
									</div>

								</div>
								<div class='two tooltip'>
									<a>
										<div class='circle lt animated zoomIn'>
											<div class='inner_circle tooltip'>
												证书提醒

											</div>
										</div>
									</a>
									<div class='tooltipbox'>
										<b></b>
										<span class="tooltiptext">24小时专业技能证件有效期信息提醒服务</span>
									</div>
								</div>
								<div class='three tooltip'>
									<a>
										<div class='circle lt animated zoomIn'>
											<div class='inner_circle '>
												资质跟踪

											</div>
										</div>
									</a>
									<div class='tooltipbox'>
										<b></b>
										<span class="tooltiptext">全程协助您资质动态审查及时为您解答疑难</span>
									</div>
								</div>
								<div class='four tooltip'>
									<a>
										<div class='circle lt animated zoomIn'>
											<div class='inner_circle'>
												人才猎聘

											</div>
										</div>
									</a>
									<div class='tooltipbox'>
										<b></b>
										<span class="tooltiptext">根据企业实际情况提供对口专业人才</span>
									</div>
								</div>
								<div class='five tooltip'>
									<a>
										<div class='circle lt animated zoomIn'>
											<div class='inner_circle '>
												私人定制

											</div>
										</div>
									</a>
									<div class='tooltipbox'>
										<b></b>
										<span class="tooltiptext">量身订做 , 24小时信息提醒 , 个性化送教上门 , 推送最新政策资讯</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--行业链接-->
					<div class='link'>
						<div class='title'>
							行业链接
							<h4><img src="img/PCindex/fenge.png" alt="" /></h4>
							<!--<h4>————————&nbsp;&nbsp;&nbsp;Industry link&nbsp;&nbsp;&nbsp;————————</h4>-->
						</div>
                        <ul>
                            <li>
                                <a href="http://www.gdcic.net" target="_blank">
                                    <img src="img/link/gdcic.jpg" alt="广东省建设信息中心" />
                                    <div>
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="http://www.gdpace.com/" target="_blank">
                                    <img src="img/link/1.png" alt="广东省建设教育协会" />
                                    <div>
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="http://113.108.219.46/cranesystem/" target="_blank">
                                    <img src="img/link/9.png" alt="广东省建筑起重机械及特种作业人员资格管理系统" />
                                    <div>
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="http://113.108.219.40/Approve/Default.aspx" target="_blank">
                                    <img src="img/link/5.png" alt="三库一平台" />
                                    <div>
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="http://www.gdcost.com/" target="_blank">
                                    <img src="img/link/2.png" alt="广东造价信息网" />
                                    <div>
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="http://www.gdcic.net/KHGL/" target="_blank">
                                    <img src="img/link/6.png" alt="安管考核" />
                                    <div>
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="http://gdzczx.gdcic.net/xxgk/" target="_blank">
                                    <img src="img/link/10.png" alt="广东执业注册人员查询系统" />
                                    <div>
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="http://113.108.219.40:8001/login.aspx?showlogin=true" target="_blank">
                                    <img src="img/link/7.png" alt="广东省建设行业统计工作平台" />
                                    <div>
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="http://www.gdhrss.gov.cn/" target="_blank">
                                    <img src="img/link/100.jpg" alt="广东省人社厅" />
                                    <div>
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="http://www.hrssgz.gov.cn/" target="_blank">
                                    <img src="img/link/99.jpg" alt="广州市人社局" />
                                    <div>
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                        <img src="img/link/star.png" alt="" />
                                    </div>
                                </a>
                            </li>
                        </ul>
					</div>
				</div>
				<footers></footers>
			</div>

			<div class='xs'>
				<div class='xs-header'>
					<div class='xs-search'>
						<input type="text" placeholder="协强定制网" v-model="keyWord" />
						<span class='font_family icon-sousuo' @click="searchBtn"></span>
					</div>
					<div class='xs-right rt'>
						<span class='font_family icon-wode lt'></span>
						<ul class='lt'>
							<li v-if='loginState' @click="toBackground">{{loginInfo.Name?loginInfo.Name:'您好,会员'}}</li>
							<li v-if='!loginState' @click="toBackground">VIP登录</li>
							<!--<li>服务查询</li>
                        <li>中文</li>-->
						</ul>
					</div>
					<div class='xs-modal animated fadeInLeft' @click='hideMobileNav' v-show='showNavModal'>
						<ul class='xs-nav'>
							<li>
								<a href="index.html">首页</a>
							</li>
							<li>
								<a href="education.html">增值空间</a>
							</li>
							<li>
								<a href="news.html">行业动态</a>
							</li>
							<li>
								<a href="BuildingCards.html">品牌企业</a>
							</li>
							<li>
								<a href="bidsList.html">招标资讯</a>
							</li>

							<li>
								<a href="netWorkerList.html">VIP定制</a>
							</li>
						</ul>
					</div>
				</div>
				<div class='xs-banner'>
					<div class='xs-left lt'>
						<img class='lt' src="img/PCindex/logo.png" />
						<span class='font_family icon-fl' @click="mobileTapNav"></span>
					</div>
				</div>
				<div class='xs-hotClass'>
					<div class='xs-title'>
						最新培训
						<h4><img src="img/PCindex/fenge.png" alt="" /></h4>
						<!--<h4>———&nbsp;&nbsp;Most popular courses&nbsp;&nbsp;———</h4>-->
					</div>
					<ul class="xs-title1">
						<li @click="mobileTap(1)" :class="mobileTapId==1?'curColor':''">考证报班</li>
						<li @click="mobileTap(2)" :class="mobileTapId==2?'curColor':''">继续教育</li>
						<li @click="mobileTap(3)" :class="mobileTapId==3?'curColor':''">学历晋升</li>
					</ul>
					<div class='xs-content'>
						<ul v-if='hotClass'>
							<li v-for='item in hotClass' :class='item.cname'>
								<img :src="item.img" alt="" />
								<div class='xs-top'>
									<img class='xs-left' src="img/PCindex/1.png" alt="" />
									<img class='xs-right' src="img/PCindex/2.png" alt="" />
									<span>{{item.name}}</span>
									<p>{{item.title}}</p>
								</div>
								<div class='xs-bottom'>
									<a :href="i.href" :class='i.cname' v-for='i in item.btn'>{{i.title}}</a>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class='xs-service'>
					<div class='xs-title'>
						特色服务
						<h4><img src="img/PCindex/fenge.png" alt="" /></h4>
						<!--<h4>———&nbsp;&nbsp;&nbsp;Custom service&nbsp;&nbsp;&nbsp;———</h4>-->
					</div>
					<ul>
						<li>
							<a>
								<img src="img/PCindex/service_mobile1.jpg" alt="" />
								<div>
									<h2>专业服务</h2>
									<p>专业技术团队 + 云端智能平台</p>
									<span class='font_family icon-jiantouyou'></span>
								</div>
							</a>
						</li>
						<li>
							<a>
								<img src="img/PCindex/service_mobile2.jpg" alt="" />
								<div>
									<h2>贴心服务</h2>
									<p>专一全程跟踪 + 证书时效提醒 </p>
									<span class='font_family icon-jiantouyou'></span>
								</div>
							</a>
						</li>

						<li>
							<a>
								<img src="img/PCindex/service_mobile3.jpg" alt="" />
								<div>
									<h2>高效服务</h2>
									<p>专业精准发力 + 私人定制实效方案 </p>
									<span class='font_family icon-jiantouyou'></span>
								</div>
							</a>
						</li>
					</ul>
				</div>
				<!--行业链接-->
				<div class='xs-link'>
					<div class='xs-title'>
						行业链接
						<h4><img src="img/PCindex/fenge.png" alt="" /></h4>
						<!--<h4>———&nbsp;&nbsp;&nbsp;Industry link&nbsp;&nbsp;&nbsp;———</h4>-->
					</div>
                    <ul>
                        <li>
                            <a href="http://www.gdcic.net" target="_blank">
                                <img src="img/link/gdcic.jpg" alt="广东省建设信息中心" />
                                <div>
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="http://www.gdpace.com/" target="_blank">
                                <img src="img/link/1.png" alt="广东省建设教育协会" />
                                <div>
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="http://113.108.219.46/cranesystem/" target="_blank">
                                <img src="img/link/9.png" alt="广东省建筑起重机械及特种作业人员资格管理系统" />
                                <div>
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="http://113.108.219.40/Approve/Default.aspx" target="_blank">
                                <img src="img/link/5.png" alt="三库一平台" />
                                <div>
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="http://www.gdcost.com/" target="_blank">
                                <img src="img/link/2.png" alt="广东造价信息网" />
                                <div>
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="http://www.gdcic.net/KHGL/" target="_blank">
                                <img src="img/link/6.png" alt="安管考核" />
                                <div>
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="http://gdzczx.gdcic.net/xxgk/" target="_blank">
                                <img src="img/link/10.png" alt="广东执业注册人员查询系统" />
                                <div>
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="http://113.108.219.40:8001/login.aspx?showlogin=true" target="_blank">
                                <img src="img/link/7.png" alt="广东省建设行业统计工作平台" />
                                <div>
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="http://www.gdhrss.gov.cn/" target="_blank">
                                <img src="img/link/100.jpg" alt="广东省人社厅" />
                                <div>
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="http://www.hrssgz.gov.cn/" target="_blank">
                                <img src="img/link/99.jpg" alt="广州市人社局" />
                                <div>
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                    <img src="img/link/star.png" alt="" />
                                </div>
                            </a>
                        </li>
                    </ul>
				</div>
				<footers></footers>
			</div>
		</div>
		<script src='js/public.js'></script>
		<script src='js/login.js'></script>
		<script src='js/isLogin.js'></script>
		<script src="js/footer.js"></script>
		<script src='js/index.js'></script>
	</body>

</html>